<template>
    <div>
        <Mapinit></Mapinit>
        <Header></Header>
        <Notice></Notice>
        <AddImage></AddImage>
        <MeasureTool></MeasureTool>
        <RealTimeTraffic></RealTimeTraffic>
        <AddTolayer></AddTolayer>
        <DrawQuery></DrawQuery>
        <!-- 搜索功能 -->
        <Search></Search>
        <UpdateFeature></UpdateFeature>
        <!-- 报告路况 -->
        <Report />
        <CheckReport />
        <!-- 视频监控=>只有交通管理部门能够查看 -->
        <Video v-if="menuStore.userType === 'traffic' || menuStore.userType === 'admin'"></Video>
        <!-- 图层目录树=>只有交通管理部门能够查看 -->
        <LayersTree v-if="menuStore.userType === 'traffic'"></LayersTree>
        <ViewNotice></ViewNotice>
    </div>
</template>

<script setup>
import AddImage from './components/AddImage.vue';
import Header from './components/Header.vue';
import Mapinit from './components/Mapinit.vue';
import Notice from './notice/Notice.vue';
import MeasureTool from './measure/MeasureTool.vue';
import RealTimeTraffic from './components/RealTimeTraffic.vue';
import AddTolayer from './event/AddTolayer.vue';
import DrawQuery from './event/DrawQuery.vue';
import UpdateFeature from './event/UpdateFeature.vue';
import LayersTree from './layerstree/LayersTree.vue'
import Report from './road_states/Report.vue';
import CheckReport from './road_states/CheckReport.vue';
import { useMenuStore } from '../store/index'
import { onMounted } from 'vue'
import Video from './video/Video.vue';
import Search from './search/Search.vue'
import ViewNotice from './notice/view.vue'
const menuStore = useMenuStore()
onMounted(() => {
    menuStore.userType = localStorage.getItem('type')
})

</script>

<style lang="scss" scoped></style>